header{
	height: 0.38rem;
	background-color: #000;
	line-height: 0.38rem;
	border-bottom: 2px solid orange;
	.logn{
		padding-left: 1rem;
		float: left;
		img{
		width: 0.25rem;
			}
		}
	.nav{
		float: left;
		margin-left:0.5rem;
		li{
			float: left;
			margin-left: 0.3rem;
			a{
				color: #fff;
				&:focus{
					color: orange;
				}
			}
		}
	}
	.login{
		float: left;
		margin-left: 1rem;
		a{	
			display: inline-block;
			width: 0.65rem;
			height: 0.25rem;
			line-height: 0.25rem;
			border-radius: 0.2rem;
			font-size: 0.1rem;	
			text-align: center;
			color: #fff;
			background-color: #ffb320;
		}
	}
}
.carousel{
	.swiper{
		height: 3.69rem;
		.swiper-wrapper{
			.swiper-slide{
				width: 100%;
				.carousel-title{
					width: 100%;
					margin-top: 1rem;
					margin-left: 1rem;
					h1{
						font-size: 0.3rem;
						margin-bottom: 0.05rem;
						span{
							color: orange;
						}
					}
					p{
						color: #fff;
						font-size: 0.1rem;
						margin-bottom: 0.1rem;
					}
					.btn{
						display: inline-block;
						text-align: center;
						font-size: 0.13rem;
						color: #131313;
						padding: 0.05rem;
						min-width: 1rem;
						border-radius: 0.5rem;
						font-weight: 500;
						border: none;
						background: #ffb320;
						cursor: pointer;
					}
				}
				
			}
		}
	}
}

.four-img{
	height: 3.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	#four-img{
		display: flex;
		.four-item{
			height: 2.16rem;
			width: 1.5rem;
			.cata-new,.cata-s{
				display: inline-block;
				text-transform: uppercase;
				font-size: 0.12rem;
				font-weight: 500;
				color: #fff;
				padding: 0.03rem 0.12rem;
				margin-top: 0.05rem;
				margin-left: 0.05rem;
			}
			.cata-new{background: #ff205f;}
			.cata-s{background: #4eae60;}
			.four-text{
				padding-top: 0.85rem;
				padding-left: 0.05rem;
				h4{
					margin-bottom: 0.1rem;
					a{
						color: #fff;
						font-size: 0.14rem;
					}
				}
				p{
					color: #fff;
					font-size: 0.1rem;
				}
				a{
					color: #ccc;
					font-size: 0.09rem;
				}
			}
		}
	}
}
.games{
	height: 4.19rem;
	background: url(../img/10005.png) no-repeat;
	background-color: #eef2f6;
	background-size: cover;
	background-position: top center;
	border-top: 1px solid #d6dee7;
	border-bottom: 1px solid #d6dee7;
	.games-title{
		text-align: center;
		padding-top: 0.45rem;
		padding-bottom: 0.35rem;
		box-sizing: border-box;
		.cata-new{
			display: inline-block;
			text-transform: uppercase;
			font-size: 0.1rem;
			font-weight: 500;
			color: #fff;
			padding: 0.03rem 0.1rem;
			background: #ff205f;
		}
	}
	.games-img{
		display: flex;
		justify-content: center;
		.games-item{
			height: 2.32rem;
			width: 1.7rem;
			margin-right: 0.2rem;
			position: relative;
			#games-img{
				height: 0.94rem;
				span{
					display: inline-block;
					text-transform: uppercase;
					font-size: 0.1rem;
					font-weight: 500;
					color: #fff;
					padding: 0.02rem 0.1rem;
					background: #ff205f;
					margin: 0.1rem;
				}
			}
			.games-text{
				background-color: #fff;
				padding-top: 0.2rem;
				padding-left: 0.1rem;
				padding-right: 0.1rem;
				h5{
					margin-bottom: 0.1rem;
				}
				p{
					font-size: 0.09rem;
					margin-bottom: 0.08rem;
				}
				a{
					color: #ccc;
					font-size: 0.09rem;
					margin-bottom: 0.08rem;
				}
			}
			.games-star{
				position: absolute;
				right: 0;
				bottom: 0;
				width: 0.4rem;
				.games-left{
					background-color: #ffb320;
					width: 0.2rem;
					height: 0.2rem;
					float: left;
				}
				.games-right{
					background-color: #ff205f;
					width: 0.2rem;
					height: 0.2rem;
					float: left;
				}
			}
		}
	}
}
.two-img{
	height: 2.7rem;
	background: url(../img/10006.png);
	display: flex;
	justify-content: center;
	align-items: center;
	#two-img{
		#two-T{
			width: 1rem;
			padding: 0.03rem;
			color: #fff;
			font-size: 0.12rem;
			text-align: center;
			text-transform: uppercase;
			background-color: #fb6e10;
		}
		#two-item{
			display: flex;
			.two-item{
			width: 2.5rem;
			height: 1.3rem;
			background-color: #252525;
			margin-right: 0.15rem;
			.two-title{
				width: 1rem;
				background-color: #ffb320;
				text-align: center;
				font-size: 0.09rem;
				font-weight: 700;
				padding: 0.03rem 0;
				margin-bottom: 0.14rem;
			}
			.two-cont{
				display: flex;
				.two-cont-left{
					width: 0.75rem;
					margin-left: 0.1rem;
				}
				.two-cont-right{
					margin-left: 0.1rem;
					h4{
						font-size: 0.09rem;
						color: #ffb320;
						margin-bottom: 0.1rem;
					}
					ul{
						padding-bottom: 0.1rem;
						li{
							padding-bottom: 0.02rem;
							color: #9a9a9a;
							font-size: 0.05rem;
							span{
								color: #fff;
							}
						}
					}
					p{
						font-size: 0.06rem;
						color: #9a9a9a;
						span{
							color: #ffb320;
						}
					}
					
				}
			}
		}
		}
	}
}
.footer{
	line-height: 0.3rem;
	height: 0.3rem;
	background-color: #252525;
	p{
		margin-left: 1rem;
		font-size: 0.09rem;
		float: left;
	}
	ul{
		margin-right: 1rem;
		li{
			font-size: 0.09rem;
			float: right;
			text-align: left;
			padding-right: 0.1rem;
			a{
				color: #aeaeae;
			}
		}
	}

}